<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>
<style lang="scss" scoped>
/** 对tree 进行样式自定义 */
:deep(.el-tree-node__content) {
  height: 38px;
}
:deep(.is-current.el-tree-node.is-current > .el-tree-node__content) {
  border: 1px solid;
  border-color: #79b7ff;
}
:deep(.el-select.el-select--default) {
  width: 100% !important;
}
</style>
